<template>
    <div class="recipel_main">
        <van-cell title="主诉" style="margin-top:10px"></van-cell>
        <div class="main_con">
            头痛，呕吐连续三天
        </div>
        <van-cell title="诊断信息" style="margin-top:10px"></van-cell>
        <van-cell title="感冒">
            <span style="color:#fd8119">主诊</span>
        </van-cell>

        <van-cell>
            <span slot="title" style="color:#00aac6">展开</span>
        </van-cell>
        <van-cell title="药品处方" style="margin-top:10px"></van-cell>
        <div class="medic_main">
            <div class="medic_item van-hairline--bottom">
                <div class="title">阿法骨化醇软胶囊（0.25ug*20粒）</div>
                <div class="info">
                    <span>上海信宜延安药业有限公司</span>
                    <span>x3</span>
                </div>
                <div>用法：涂抹患处，一次1mg，一日3次，用药4天</div>
                <div>嘱咐：好好吃好好吃好好吃好好吃好好吃</div>
            </div>
            <div class="medic_item van-hairline--bottom">
                <div class="title">阿法骨化醇软胶囊（0.25ug*20粒）</div>
                <div class="info">
                    <span>上海信宜延安药业有限公司</span>
                    <span>x3</span>
                </div>
                <div>用法：涂抹患处，一次1mg，一日3次，用药4天</div>
                <div>嘱咐：好好吃好好吃好好吃好好吃好好吃</div>
            </div>
        </div>
        <van-cell
            title="供货单位"
            style="margin-top:10px"
            value="南京测试药房"
        ></van-cell>
        <van-cell title="治疗建议" style="margin-top:10px"></van-cell>
        <div class="main_con">
            头痛，呕吐连续三天
        </div>
        <van-button class="diy_btn">查看订单</van-button>
    </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.main_con {
    font-size: 14px;
    color: #333;
    width: 100%;
    min-height: 40px;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
}
.medic_main {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    min-height: 100px;
    background: #fff;
    .medic_item {
        width: 100%;
        height: 100px;
        font-size: 14px;
        color: #999;
        padding: 10px 0;
        .title {
            font-size: 16px;
            color: #333;
            font-weight: 500;
        }
        .info {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 5px 0;
            & + div {
                margin-bottom: 5px;
            }
        }
    }
}
.diy_btn {
    background: #00aac6;
    border-color: #00aac6;
    width: 80vw;
    margin: 20px 10vw;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
}
</style>
